<%@ page import="edu.chen.bean.User" %>
<%--
  Created by IntelliJ IDEA.
  User: chen
  Date: 17-8-14
  Time: 上午9:13
  To change this template use File | Settings | File Templates.
--%>
<%-- 登录界面 --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>this is login.jsp</title>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
       $(function () {


           //点击事件
           $("#_submit").click(function () {
               var _username = $("input#username");
               var _password = $("input#password");
               $.ajax({
                   url:"verifyLogin",
                   type:"post",
                   data:{
                       user:_username.val(),
                       pass:_password.val()
                   },
                   //以json形式返回数据
                   dataType:"json",
                   //在与服务端通讯成功后执行该函数 data为服务端返回的数据（服务端以return或者PrintWrite的形式输出的数据）
                   success:function (data) {
                        /*
                            该方法可以把一个JSON对象解析为string
                            还有一个parse方法则相反
                        */
                        var data1 = JSON.stringify(data)

                        if(data.result === "success"){
                            location.href = data.redirect;
                        }else {
                            //清空输入框 并使username获取焦点
                            _username.val("")
                            _password.val("")
                            _username.focus()
                            $("div#loginResult").text("登陆错误");
                        }
                   }
               })
           });
       });
    </script>
</head>
<body>

    <%--<%--%>
        <%--User user =  (User) request.getSession().getAttribute("loginUser");--%>
        <%--if(user != null){--%>
            <%--response.sendRedirect("index.jsp");--%>
        <%--}--%>
    <%--%>--%>

    <%--<mvc:form modelAttribute="user" action="verifyLogin">--%>
        <%--<mvc:label path="username">Username:</mvc:label>--%>
        <%--<mvc:input path="username"/>--%>
        <%--<br>--%>
        <%--<mvc:label path="password">Password:</mvc:label>--%>
        <%--<mvc:input path="password"/>--%>

        <%--<input type="submit" value="Submit" id="_btn_submit">--%>
    <%--</mvc:form>--%>
    <%--<%--%>
        <%--/**--%>
         <%--*  1、先查找Session里面有没有loginUser--%>
         <%--*  2、如果没有,再差找Cookie有没有autoLogin--%>
         <%--*/--%>
        <%--User user =  (User) request.getSession().getAttribute("loginUser");--%>
        <%--if(null == user){--%>
            <%--user = new User();--%>
            <%--boolean flag = true;--%>
            <%--Cookie[] cookies = request.getCookies();--%>
            <%--for (Cookie cookie:cookies) {--%>
                <%--if(cookie.getName().equals("loginUser")){--%>
                    <%--String srcValue = cookie.getValue();--%>
                    <%--String[] userInfo = srcValue.split("#");--%>
                    <%--user.setUsername(userInfo[0]);--%>
                    <%--user.setPassword(userInfo[1]);--%>
                    <%--flag = false;--%>
                <%--}--%>
            <%--}--%>
            <%--if(flag){--%>
                <%--user.setPassword("");--%>
                <%--user.setUsername("");--%>
            <%--}--%>
        <%--}--%>
    <%--%>--%>

    <%--${user.getUsername()}--%>
    <%--${user.getPassword()}--%>
    <table cellspacing="0" style="float: left">
        <tr>
            <td><label for="username">Username：</label></td>
            <td>
                <input id="username"  value=""/>
            </td>
        </tr>
        <tr>
            <td><label for="password">Password：</label></td>
            <td>
                <input id="password" type="password" value=""/>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input id="_submit" type="submit"/>
            </td>
        </tr>
    </table>
    <div id="loginResult" style="float: left;color: red;font-size: 12px"></div>
</body>
</html>
